<template>
  <div class="Dialog">
    <el-dialog width="30%" title="分配商机" :model-value="props.dialogVisible" @close="close">
      <div class="form" style="width: 100%">
        <p style="margin-bottom: 30px">您选择了 3 个商机，请销售人员进行分配：</p>
        <el-form style="width: 100%   margin-bottom:50px ;">
          <el-form-item label="请选择部门:">
            <el-select placeholder="" style="width: 90%">
              <el-option></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="请选择人员:">
            <el-select placeholder="" style="width: 90%">
              <el-option></el-option>
            </el-select>
          </el-form-item>
        </el-form>
      </div>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="close">取消</el-button>
          <el-button type="primary" @click="close"> 确定 </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
// import { fa } from 'element-plus/es/locale'

const props = defineProps({
  dialogVisible: {
    type: Boolean,
    default: false
  }
})
const emit = defineEmits(['update:dialogVisible'])
const close = () => {
  emit('update:dialogVisible', false)
}
</script>
<style lang="scss" scoped>
.Dialog {
  :deep(.el-dialog__body) {
    font-size: 14px;
    color: #0c0c0c;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
  :deep(.el-dialog__header) {
    background-color: #1890ff;
    padding-right: 0px;
    margin-right: 0px;
    .el-dialog__title {
      font-size: 14px;
      color: #ffffff;
    }
  }
}
</style>
